@charset "utf-8";
/* CSS Document */
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}

/* -- 标题 -- */
.tit{text-align: center;height: 158px;}
.tit h2{font-size:44px;color: #1a1a1a;line-height: 50px;text-align: center;margin-bottom: 12px;}
.tit h2 span{padding-right:77px;background: url(../images/tit.png) no-repeat right bottom;}
.tit h2 b {color: #05bcf8;font-size: 59px;font-weight: bold;}
.tit p{font-size:21px;color: #333333;height: 32px;line-height: 32px;font-weight: 400;}
/* -- 广告 -- */
.content{ width:1200px; margin:0 auto;}
.banner{position: relative;}
.banner li{width: 100%;}
.banner li img{display: block;width: 100%;}
.banner .content{position: relative;}
.ban-pg{position: absolute;left: 0;bottom: 60px;height:10px;z-index: 10;width: 100%;text-align: center;}
.ban-pg em{display: inline-block;width: 10px;height: 10px;background: #fff;border-radius: 100%;margin: 0 10px;vertical-align: top;}
.ban-pg em.on{}


.banner .prev{position:absolute;top:45%;left:1.5%;z-index: 10;cursor: pointer;transition: all .25s linear;opacity:0;}
.banner .next{position:absolute;top:45%;right:1.5%;z-index: 10;cursor: pointer;transition: all .25s linear;opacity:0;}
.banner i{text-align: center;width: 60px; height: 60px;/*border-radius: 50%;*/background: rgba(0,0,0,0.6);font-size: 32px;font-weight: bold;color: #ffffff;display: block;line-height: 60px;}

.banner:hover .prev{opacity: 1;left: 4%;}
.banner:hover .next{opacity: 1;right: 4%;}


/* -- 产品中心 -- */
.product-list {
  width: 100%;
  overflow: hidden;
  padding-top: 90px;
}
.product-list-hd {
  /*width:1220px;*/
  position: relative;
  padding-bottom:20px;
  z-index:999;
  text-align:center;
}
.product-list-hd a {
  color: #fff;
  font-size: 17px;
}
/*.product-list-hd ul {
  display:table;
}*/
.product-list-hd ul li{
  line-height:40px;
  height:40px;
  background:#05bcf8;
  position:relative;
  text-align:center;
  width:150px;
  margin:10px 20px;
  /*list-style: none;*/
  display:inline-block;
  *zoom:1;
  overflow: hidden;
}
/*.product-list-hd ul li:before{content: "";width: 0;height: 0;border-top:40px solid transparent;border-right:19px solid #05bcf8;position: absolute;left: -19px;top: 0;}
.product-list-hd ul li:after{content: "";width: 0;height: 0;border-bottom:40px solid transparent;border-left:19px solid #05bcf8;position: absolute;right: -19px;top: 0;}*/
.product-list-hd ul li:hover{
  background: #05bcf8;
  /*z-index:1;*/
  -webkit-animation:come-up 0.75s linear;
  animation:come-up 0.75s linear;
}
.product-list-hd ul li:hover:before{border-right:19px solid #05bcf8;}
.product-list-hd ul li:hover:after{border-left:19px solid #05bcf8;}

.product-list-hd .on {background:#05bcf8;}
/*.product-list-hd .on:before{content: "";width: 0;height: 0;border-top:40px solid transparent;border-right:19px solid #05bcf8;position: absolute;left: -19px;top: 0;}
.product-list-hd .on:after{content: "";width: 0;height: 0;border-bottom:40px solid transparent;border-left:19px solid #05bcf8;position: absolute;right: -19px;top: 0;}*/

@-webkit-keyframes come-up {
  10% {
    -webkit-transform: translateX(7px) rotate(3deg);
    transform: translateX(7px) rotate(3deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(0);
    transform: translateX(-3px) rotate(0);
  }
}

.content-s{margin:0 auto;width:90%;min-width: 1200px;max-width: 1440px;}
.yz{height: 600px;background: url(../images/yzbg.jpg) center center no-repeat #F9FDFF;padding: 60px 0;color: #666}
.yz .index-title {margin-bottom: 90px;width: 500px;}
.yz-list {text-align: center;}
.yz-list dl{float: left;width: 227px;margin:0 16px 0 0;height: 330px;background: #fff;box-sizing:border-box;border-bottom: 5px solid #09b6ef;}
.yz-list dl.cur{background: #09b6ef;color: #fff;}
.yz-list dl:last-child{margin: 0;}
.yz-list dl:nth-child(2n){margin-top: 78px;}
.yz-list dt{background: #000;position: relative;width: 227px;height: 227px;overflow: hidden;}
.yz-list dt img{width: 227px;height: 227px;opacity: 0.7;}
.yz-list dt span{display: block;width: 227px;left: 0;top:105px;position: absolute;color: #fff;font-size: 24px;line-height: 32px;font-weight: bold;}
.yz-list dt span em{display: block;opacity: 0.6;font-weight: normal;font-size: 14px;line-height: 20px;}
.yz-list dd{padding: 22px 0 0;font-size: 18px;line-height: 1.5;}
.yz-list dd b{display: block;font-weight: bold;}





.product-lis-bd-info {margin-top: 60px;overflow: hidden;}
.product-lis-bd-info ul li{transition: 0.35s;float: left;width: 30%; position: relative;background: #ffffff;overflow: height;margin-left: 1.5%;margin-right: 1.5%;}
.product-lis-bd-info ul li em{width:100%; display: block;position: relative;overflow: hidden;background: url(../images/product-bg.jpg) no-repeat;background-size: 100% 100%;}
.product-lis-bd-info ul li em img{width:100%; display: block;transition:all 0.5s;}

.product-lis-bd-info h4{display: block;height: 84px;line-height: 84px;position:relative;}
.product-lis-bd-info h4 b{font-size:18px;color: #333333;display: block;font-weight:normal;text-align:center;}

.product-lis-bd-info li:hover h4 b{color: #05bcf8;}
.product-lis-bd-info li:hover{transform: translateY(-5px);}
.product-lis-bd-info li:hover img{transform:scale(1.05);}
.product-lis-bd-info li:last-of-type{margin-right: 0;}

.product-ico{height: 204px;}
.product-ico ul{padding-top: 67px;}
.product-ico ul li{float: left;width: 200px;height: 126px;transition: 0.35s;text-align: center;border-right: 1px solid #eeeeee;box-sizing: border-box;}

.product-ico ul li i{transition: all 0.5s;height: 56px;width: 62px;display: block;margin: 0 auto;}
.product-ico ul li i img{height: 56px;width: 62px;display: block;}

.product-ico ul li b{font-size:20px;color:#333333;display: block;line-height:20px;font-weight: bold;padding-top: 15px;}
.product-ico ul li span{font-size:20px;color:#333333;display: block;line-height:20px;font-weight: normal;padding-top:9px;}

.product-ico ul li:last-of-type{border-right: 0;}

.product-ico ul li:hover i {animation-duration: 2s;animation-name: flipInY;}
.product-ico ul li:hover{transform: translateY(-5px);}
/**/
/*lc*/
.lc {height: 270px;background: url(../images/lcbg.jpg) no-repeat center 0;}
.lc-txt{padding-top: 40px;height: 30px;}
.lc-txt i {margin-right: 10px;}
.lc-txt p{float: left;height: 30px;line-height: 30px;font-size: 24px;color: #fff;transition: all 0.5s;width: 33%;text-align: center;}
.lc-txt p:hover{transform: translateY(-10px);}
.lc ul{margin-top: 37px;text-align: center;font-size: 0;}
.lc li{display: inline-block;margin: 0 30px;vertical-align: top;width: 90px;text-align: center;line-height: 32px;font-size: 14px;color: #fff;}
.lc li img{width: 60px;height: 60px;background: #fff;border-radius: 50%;padding: 15px;}
.lc li:hover img{animation: flipInY 1s;}

/* -- 案例 -- */
.case{padding: 100px 0 100px 0;overflow: hidden;background: url(../images/casebg.gif) top center no-repeat #F6F6F6;}
.case-t{height: 44px;margin-bottom:108px;}
.case-t a{float: left;width: 130px;height: 44px;line-height: 42px;text-align: center;font-size: 16px;color: #333;font-weight: bold;border: 1px solid #616161;border-radius: 22px;margin-right: 22.5px;box-sizing: border-box;}
.case-t a:last-child{margin-right: 0;}
.case-t a:hover{background: #05bcf8;border-color: #05bcf8;color: #fff;}
.case-t li{float: left;height: 44px;line-height: 42px;text-align: center;font-size: 16px;color: #333;font-weight: bold;border: 1px solid #616161;border-radius: 22px;margin-right: 22.5px;box-sizing: border-box;    padding: 0 13px;
    margin: 4px 2px;}    
.case-t li:hover{background: #05bcf8;border-color: #05bcf8;color: #fff;}
.case-l{float: left;width: 500px;position: relative;    box-shadow: 0px 5px 5px 0px rgba(4, 0, 0, 0.08);}
.case-l dt{overflow: hidden;}
.case-l dt img{display: block;width: 100%;transition: all 0.5s;}
.case-l dt:hover img{transform: scale(1.05);}
.case-l dd{height: 80px;padding: 0 40px;}
.case-l dd h4{font-size: 26px;color: #333;line-height: 26px;font-weight: normal;padding-top: 24px;}
.case-l dd p{font-size: 14px;color: #666;line-height: 40px;}
.case-l dd p em{padding: 0 25px;}
.case-pg{position: absolute;right: 40px;bottom: 28px;z-index: 10;height: 14px;}
.case-pg em{float: left;width: 14px;height: 14px;background:#05bcf8;border-radius: 50%;margin-left: 15px;}
.case-pg em.on{background: #faa248;}
.case-r{float: right;width: 670px;height: 650px;}
.case-list{border-top: 2px solid #434343;border-bottom: 2px solid #434343;height: 540px;position: relative;}
.case-list h3{height: 63px;padding: 20px 0 30px 0;font-size: 32px;color: #05bcf8;}
.case-list h3 em {color: #343434;}
.case-list li{height: 80px;padding: 12px 15px 12px 20px;background: #fff;transition: transform 0.5s;}
.case-list li img{float: right;height: 80px;}
.case-list li h4{font-size: 20px;color: #333;line-height: 40px;font-weight: normal;padding: 6px 0 0;height:40px;overflow:hidden;}
.case-list li p{font-size: 14px;color: #666;line-height: 24px;height:24px;overflow:hidden;}
.case-list li:hover{padding: 12px 35px 12px 30px;  position: relative;z-index: 2; width: 570px; box-shadow: 0px 5px 5px 0px rgba(4, 0, 0, 0.08);transform: translateX(-90px);}
.case-list .prev{position: absolute;width: 50%;left: 0;bottom: -70px;height: 20px;line-height: 20px;font-size: 18px;color: #333;text-align: center;cursor: pointer;}
.case-list .next{position: absolute;width: 50%;right: 0;bottom: -70px;height: 20px;line-height: 20px;font-size: 18px;color: #333;text-align: center;cursor: pointer;}
.case-list .prev img{vertical-align: top;margin-left: 16px;margin-top: 5px;}
.case-list .next img{vertical-align: top;margin-right: 16px;margin-top: 5px;}
.case-list .tempWrap{padding-left: 90px;margin-left: -90px;}

/**/
.ys1{background:url(../images/ysbg1.jpg) no-repeat center top;height: 439px;padding-top: 30px;}
.ys1 h3{background:url(../images/ysno1.jpg) no-repeat;height: 70px;padding-top: 62px;font-size: 24px;color: #333333;}
.ys1 p{font-size: 16px;line-height: 30px;color: #666666;padding-left: 24px;margin-bottom: 18px;}
.ys1 p i {margin-right: 10px;}
.ys1 span a{display: block;background:#05bcf8;width: 148px;height: 49px;line-height: 49px;padding-left: 50px;font-size: 16px;color: #fff;transition:all 0.5s;}
.ys1 span a i {margin-left: 30px;}
.ys1 span a:hover {padding-left: 70px;}
.ys2{background:url(../images/ysbg2.jpg) no-repeat center top;height: 380px;padding-top:90px;}
.ys2 .m-ys1{margin-left: 690px;}
.ys3{background:url(../images/ysbg3.jpg) no-repeat center top;height: 409px;padding-top: 60px;}
.ys2 h3{background:url(../images/ysno2.jpg) no-repeat;height: 70px;padding-top: 50px;font-size: 24px;color: #333333;}
.ys3 h3{background:url(../images/ysno3.jpg) no-repeat;height: 70px;padding-top: 50px;font-size: 24px;color: #333333;}

.sol-a{display: none;}

/* -- 新闻资讯 -- */
.news{ height:760px;overflow: hidden;padding-top: 90px;    background: #f5f5f5;}
.news-t {
  height: 64px;
  line-height: 64px;
  overflow: hidden;
  padding: 30px 0 0;
  position: relative;
}
.news-t:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #e6e6e6;
  position: absolute;
  bottom: 0;
  left: 0;
}
.news-t ul li {
  float: left;
  width: 180px;
  height: 64px;
}
.news-t ul li a {
  font-size: 18px;
  color: #333;
  font-weight: bold;
  display: block;
  width: 180px;
  height: 64px;
  text-align: center;
  line-height: 64px;
  overflow: hidden;
}
.news-t ul li a:hover,.news-t ul li.on a {
  color: #fff;
}
.news-t span {
  float: right;
}
.news-t span a {
  font-size: 18px;
  color: #333;
}
.news-t ul li a {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.news-t ul li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #05bcf8;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.news-t ul li a:hover:before,.news-t ul li.on a:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.news-m {
  padding: 25px 0 0;
}
.news-l {
  width: 487px;
  height: 365px;
  float: left;
}
.news-l li {
  width: 487px;
  height: 365px;
  float: left;
}
.news-l li img {
  width: 487px;
  height: 365px;
}
.news-l li em:after {
  content: "";
  position: absolute;
  z-index: 9;
  width: 86px;
  height: 66px;
  background: url(../images/new-ico.png) no-repeat;
  display: block;
  left: 0;
  top: 0;
}
.news-r {
  width: 680px;
  overflow: hidden;
  float: right;
}
.news-r h3 {
  font-size: 18px;
  line-height: 36px;
  height: 36px;
}
.news-r h3 a {
  color: #05bcf8;
}
.news-r p {
  font-size: 14px;
  line-height: 28px;
  color: #666;
  margin-bottom: 35px;
}
.news-r dl {
  height: 88px;
  margin-top: 20px;
}
.news-r dl dt {
  width: 100px;
  height: 88px;
  text-align: center;
  float: left;
  display: block;
  color: #fff;
  background: #05bcf8;
}
.news-r dl dt h2 {
  font-size: 24px;
  line-height: 46px;
  height: 46px;
  text-align: center;
}
.news-r dl dt em {
  width: 100px;
  height: 42px;
  line-height: 42px;
}
.news-r dl dd {
  height: 86px;
  border: 1px solid #05bcf8;
}
.news-r dl dd span {
  line-height: 46px;
  height: 46px;
  font-size: 18px;
  font-weight: bold;
  margin-left: 20px;
}
.news-r dl dd p {
  line-height: 28px;
  height: 28px;
  margin-left: 20px;
}
.news-r dl:hover dt {
  background: #05bcf8;
  color: #fff;
  display: block;
}
.news-r dl:hover dd {
  border: 1px solid #05bcf8;
  color: #000;
  display: block;
}

/* -- 关于我们 -- */
.about{height: 785px;background: url(../images/aboutbg.jpg) no-repeat center top;overflow: hidden;background-size: 100%}

.about .about-info{height: 270px;background: #ffffff;box-shadow: 0 0 20px rgba(0,0,0,0.1);margin-top: 460px;}
.about .about-info h4{text-align: center;padding-top: 60px;}
.about .about-info h4 a{font-size:24px;color:#333333;display: block;line-height:24px;font-weight: bold;}
.about .about-info p{font-size:16px;color:#444444;display: block;line-height:30px;font-weight:normal;text-align: center;padding-top: 26px;width: 1080px;margin-left: 60px;}
.about .about-info .gds{transition: 0.35s;width: 168px;height: 41px;text-align: center;line-height: 41px;font-size: 16px;color: #ffffff;display: block;background:url(../images/gds_b.png) no-repeat center;border-radius: 25px;margin:26px auto 0;}
.about .about-info .gds:hover{transform: translateY(-5px);}

/* -- 团队风采 -- */
.fc-c{height:380px;overflow: hidden;}
.fc-qh{height: 63px;border-bottom: 1px solid #e5e5e5;line-height: 63px;margin-bottom: 20px;}
.fc-qh li{float:left;background: url(../images/fc-ico.png) no-repeat right;width: 47%;}
.fc-qh li{text-align: right;padding-right: 50px;}
.fc-qh li:last-child {text-align: left;/*padding-left: 50px;*/}
.fc-qh li a{font-size:24px;color: #333333;}
.fc-qh li.on{font-weight: bold;}
.fc-qh li:last-child{background:none;padding:0;margin:0;}
.fc-qh .n-span em a{font:14px arial;color: #adadad;text-transform: uppercase;line-height: 63px;}
.fc-nr{position: relative;}
.fc-nr li{float:left;font-size:0;line-height: 0;width: 292px;margin-right: 10px;}
.fc-nr li h4{padding-top: 15px;}
.fc-nr li h4 a{display: block;font-size: 16px;color: #666666;line-height:25px;font-weight: normal;text-align: center;}

.fc-nr li i{width:292px;overflow: hidden;display: block;}
.fc-nr li img{width:292px;transition: all 0.5s}
.fc-nr li:last-child{margin:0;}
.fc-nr li:hover i img{transform:scale(1.1);}
.fc-j1,.fc-j2 {position: absolute;top:70px;}
.fc-j1 i ,.fc-j2 i {width: 77px;height: 77px;line-height: 77px;text-align:center;font-size: 56px;}
.fc-j1 {left:-106px;color: #1B4A9E;}
.fc-j2 {right:-106px;color: #DFDFDF;}

@media screen and (min-width: 1263px) {
    html {
      font-size: calc(1263px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1349px) {
    html {
      font-size: calc(1349px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1463px) {
    html {
      font-size: calc(1463px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1543px) {
    html {
      font-size: calc(1543px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1583px) {
    html {
      font-size: calc(1583px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1643px) {
    html {
      font-size: calc(1643px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1663px) {
    html {
      font-size: calc(1663px * 20 / 1903);
    }
  }
  @media screen and (min-width: 1903px) {
    html {
      font-size: calc(1903px * 20 / 1903);
    }
  }


/*底部结束*/
	/*友情链接开始*/
.comm_yqlj_wrap{
	height:74px;
	background:#f5f5f5;
	border-top:1px solid #dedede;
}
.comm_yqlj{
	line-height:74px;
	color:#333;
}
.comm_yqlj > a{
	color:#333;
	padding:0 6px;
}
	/*友情链接结束*/

.video {
    width: 856px;
    height: 155px;
    z-index: 5000;
    position: relative;
    margin: 0 auto;
    top: -10px;
}
.video_btn {
    width: 856px;
    height: 155px;
    cursor: pointer;
}
#open_window {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
}

.video_m {
    background: #eee;
    width: 639px;
    height: 360px;
    z-index: 1;
    margin: 12% auto;
    overflow: auto;
}

.xx {
    font-size: 22px;
    color: #000;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    background: #fff;
    z-index: 10;
}

.video_con {
    width: 639px;
    height: 360px;
    overflow: hidden;
}

.video_con img {
    width: 639px;
    height: 360px;
}